@charset "utf-8";

/* 初始化 */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 清除滚动条 */

html,
body,
#app {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  position: relative;
  background: #F9F9FE;
}

.page-box {
  width: 100%;
  height: auto;
  padding: 26px 16px;
  background: #ffffff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.07);
  border-radius: 8px;
}


/*去除边框*/
fieldset,
img,
input,
button,
textarea {
  border: none;
  outline-style: none;
}

/*禁止表单域缩放*/
textarea {
  resize: none;
}

a {
  text-decoration: none;
  /* 取消链接点击时的高亮  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 图片自适应 */
img {
  /*解决图片底部对其问题*/
  display: block;
  border: none;
}

ul,
ol {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-decoration: none;
  font-weight: normal;
  font-size: 100%;
}

/*span i*/
em,
i {
  font-style: normal;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/*清除浮动*/
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

/*单行溢出*/
.one-txt-cut {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*多行溢出*/
.txt-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


.el-table {
  height: auto !important;
}

.el-dialog__header {
  border-bottom: 1px solid #eee !important;
}

/* 设置折扣弹框 */
.setDialog .el-dialog {
  width: 500px !important;
}


.setDialog .el-dialog .el-dialog__body {
  padding-top: 10px !important;
  border-top: 1px solid #eee !important;
}

.setDialog .el-dialog li {
  text-align: center;
}


/* flex */

.cenCen {
  display: flex;
  -webkit-display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.cenLeft {
  display: flex;
  -webkit-display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.cenRig {
  display: flex;
  -webkit-display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.cenBet {
  display: flex;
  -webkit-display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.botLeft {
  display: flex;
  -webkit-display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
